<!DOCTYPE html>
<html>
<head>
	<title>first example</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="./src/component_modules/avalon/avalon.js"></script>
	<script type="text/javascript">
		var vm = avalon.define({
			$id: "test",
			name: "游仙梦",
			array: [11, 22, 13],
		});
		setTimeout(function() {
			vm.array.set(0, 444);
		}, 3000);
	</script>
</head>
<body ms-controller="test">
	<input type="text" ms-duplex="@name">
	<p>helow!{{@name}}</p>
	<ul>
		<li ms-for="($index,el) in @array">{{$idnex}} - {{el}}</li>
	</ul>
</body>
</html>